<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <title>Tasks</title>
    <link rel="shortcut icon" href="images/tasks.ico">
    <link href="assets/css/bootstrap.css" rel="stylesheet">
    <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
    <style type="text/css">
        body {
            padding-top: 20px;
            padding-bottom: 40px;
        }
        /* Custom container */
        .container-narrow { 
            margin: 0 auto;
            max-width: 700px;
        }
        .container-narrow > hr {
            margin: 30px 0;
        }   
    </style>
    <script type="text/javascript">
        function loginOnClick() {
            //alert('done');
            var username = document.getElementById("username").value;	
            var password = document.getElementById("password").value;	
		
            if((username != "" ) && (password != "")) {
                //window.location = "edittask.php";
                //alert(username, " " ,  password);
                //document.getElementById("frm").submit();
                frm.submit();
            } else {
                alert('Username and/or password is blank !');
                document.getElementById("username").focus();
                return false;
            }
        }	
    </script>
    <body>
        <div class="container-narrow">

            <div class="masthead">
                <ul class="nav nav-pills pull-right">
                    <li class="active"><a href="welcome.php">Home</a></li>
                </ul>
                <h3 class="muted">iTrack</h3>
            </div>

            <hr>

            <div align="center">
                <table border="0" width="50%" style="vertical-align: top" align="center">
                    <tr style="vertical-align: top">
                        <td align="center">				
                            <form class="form-signin" id="frm" name="frm" action="processlogin.php" method="POST" align="center">
                                <div class="well span4" align="center">
                                    <div>
                                        <label class="control-label" for="username"><abbr title="username">username</abbr></label>
                                        <input type="text" class="span3" id="username" name="username" style="font-size:130%;">					            		            
                                    </div>
                                    
                                    <div>
                                        <label class="control-label" for="password"><abbr title="password">password</abbr></label>
                                        <input type="password" class="span3" id="password" name="password" style="font-size:130%;">					            		            
                                    </div>
                                    <hr>
                                    <div>
                                        <a class="btn btn-large btn-info pull-left" type="button" href="javascript:void(0);"><i class="icon icon-question-sign"></i>&nbsp; Help</a>
                                        <button id="btnLogin" class="btn btn-large btn-success pull-right" type="button" onclick="loginOnClick()"><i class="icon icon-edit"></i>&nbsp; Login</button>            		            
                                    </div>
                                    <br><br><br>
                                    <div id="error_message" class="error">&nbsp;</div>
                                </div>
                            </form>
                        </td>
                    </tr>
                </table>
            </div>

            <?php include_once 'footer.php'; ?>

        </div> <!-- /container -->


        <!-- Placed at the end of the document so the pages load faster -->
        <script src="assets/js/jquery.js"></script>
        <script src="assets/js/bootstrap-button.js"></script>
        <script src="assets/js/bootstrap-typeahead.js"></script>
    </body>
</html>